<fieldset>
	<legend><%= t :legend, :scope => [:user, :timezone] %></legend>
	
	<dl class="rounded-4">
		<dt><%= f.label :timezone, t(:label, :scope => [:user, :timezone]) %></dt>
		<dd class="hint"><%= t :hint, :scope => [:user, :timezone] %></dd>
		<dd><%= f.time_zone_select :timezone %></dd>
	</dl>
</fieldset>

<fieldset>
	<legend><%= t :legend, :scope => [:user, :locale] %></legend>
	
	<dl class="rounded-4">
		<dt><%= f.label :locale, t(:label, :scope => [:user, :locale]) %></dt>
		<dd class="hint"><%= t :hint, :scope => [:user, :locale] %></dd>
		<dd><%= f.select :locale, [[t(:portuguese, :scope => :locale), 'pt'], [t(:english, :scope => :locale), 'en']] %></dd>
	</dl>
</fieldset>

<fieldset>
	<legend class="icon palette"><%= t :legend, :scope => [:user, :style] %></legend>
	
	<dl>
		<dt><%= f.label :style, t(:label, :scope => [:user, :style]) %></dt>
		<dd class="hint"><small><%= t :hint, :scope => [:user, :style] %></small></dd>
		<dd class="theme_select">
            <div class="float-left center">
                <%= f.label(:style_blue, image_tag("theme-blue.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :blue, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_green, image_tag("theme-green.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :green, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_pink, image_tag("theme-pink.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :pink, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_red, image_tag("theme-red.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :red, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_darkred, image_tag("theme-darkred.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :darkred, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_black, image_tag("theme-black.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :black, :class => "user_style") %>
            </div>
            <div class="float-left center">
                <%= f.label(:style_white, image_tag("theme-white.png", :class => "picture-frame rounded-4")) %><br />
                <%= f.radio_button(:style, :white, :class => "user_style") %>
            </div>
      </dd>
	</dl>
</fieldset>